<template>

    <div class="detailMessage">
         <van-nav-bar
            title="消息"
            left-arrow
            :fixed="fixd"
            @click-left="onClickLeft"
            />
            <div class="content">
                <p>{{listObj.informationCreateTime}}</p>
                <h3>{{listObj.informationTitle}}</h3>
                <div>{{listObj.informationContent}}</div>
            </div>
    </div>
</template>

<script>
import { Toast } from 'vant';
export default {
    name:"detailMessage",
    data (){
        return{
            listObj:{},
        }
    },
    props:{
        fixd:{
            type:Boolean,
            value:true

        }    

    },
    created (){
        var id =Number(this.$route.query.val);
        this.$axios.post("/cct/information/selectCctOfficialInformation",{
            id
        }).then (res =>{
           this.listObj = res.data.data;
        })
    },
    methods:{
          onClickLeft() {
            this.$router.go(-1);
            },
           
    }
}
</script>

<style lang="less" scoped>
    .detailMessage{
        width: 100%;
        font-size: 0;
        .content{
            
            position: absolute;
            top:1.2rem;
            left:0;
            width: 100%;
            font-size: 0.26rem;
            padding:0.2rem;
            box-sizing: border-box;
            p{
                width: 100%;
                padding:0.15rem 0;
                font-size: 0.22rem;
                color:#999;
                text-align: center;
            }
            h3{
                color:#333;
                font-size: 0.28rem;
                font-weight: 600;
                padding: 0.15rem 0;
            }
            div{
                 width: 100%;
                padding:0.1rem 0;
                font-size: 0.22rem;
                color:#999;
            }
        }
    }
</style>
